<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />

<link rel="shortcut icon" href="css/i/shangpin.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/banner.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/product.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/sortpage.css">

<title>萍院二手交易网</title>
<jsp:include page="navigation.jsp"/>
</head>
<body>
	<!-- 轮播图 -->
	<div class="pb-carouselWarp demo1">
		<ul class="pb-carousel">
			<li class="pb-this"><img src="image/pic5.png" alt="" /></li>
			<li><img src="image/banner1.jpg" alt="畅享低价" /></li>
			<li><img src="image/pic2.png" alt="" /></li>
		</ul>
		<button class="pb-arrow pb-arrow-prev"></button>
		<button class="pb-arrow pb-arrow-next" id="aa"></button>
	</div>
	<div class="list_body">
	<ul>
	<s:iterator value="#session.pageBean.list" var="productindex" status="st">
	<li><a href="${pageContext.request.contextPath }/product_byIdSaveProduct.action?PID=<s:property value="#st.index"/>"><img src='<s:property value="#productindex.pimage"/>'><h5><s:property value="#productindex.pname"/></h5><p>¥<s:property value="#productindex.price"/></p></a></li>
	</s:iterator>
	</ul>
	</div>
	<!--分页  -->
	<div class="tcdPageCode">
	<s:if test='currentPage!=1'>
	<a href='${pageContext.request.contextPath }/product_findAll.action?currentPage=<s:property value="#session.pageBean.currentPage-1"/>' class="top">上一页</a>
	</s:if>
	<span><s:property value="#session.pageBean.currentPage"/>/<s:property value="#session.pageBean.totalPage"/></span>
	<s:if test='currentPage!=totalPage'>
	<a href='${pageContext.request.contextPath }/product_findAll.action?currentPage=<s:property value="#session.pageBean.currentPage+1"/>' class="next">下一页</a></div>
	</s:if>
	<!--底部  -->
	<jsp:include page="foot.jsp"/>
	<script src="${pageContext.request.contextPath }/js/jquery-3.2.1.js" type="text/javascript"></script>
	<script src="${pageContext.request.contextPath }/js/carousel.min.js" type="text/javascript"></script>
	<script src="${pageContext.request.contextPath }/js/jquery.page.js"></script>
	<!-- 轮播图 -->
	<script type="text/javascript">
		carousel($('.demo1'), //必选， 要轮播模块(id/class/tagname均可)，必须为jQuery元素
		{
			type : 'leftright', //可选，默认左右(leftright) - 'leftright' / 'updown' / 'fade' (左右/上下/渐隐渐现)
			arrowtype : 'move', //可选，默认一直显示 - 'move' / 'none'	(鼠标移上显示 / 不显示 )
			autoplay : true, //可选，默认true - true / false (开启轮播/关闭轮播)
			time : 3000
		//可选，默认3000
		});
	</script>
</body>
</html>